layui.use('layer',function () {
    var layer = layui.layer;
});

$(function () {
    findByItem(1);
});

//分页查询
function findByItem(pageNO) {
    $.post("/purchase/findByItem",$("#formData").serialize()+"&pageNO="+pageNO,function (pageInfo) {
        var str = "";
        for(var i=0; i<pageInfo.list.length;i++){
            var obj = pageInfo.list[i];
            str += `<tr><td>${obj.supplierName}</td><td>${obj.purchaseName}</td><td>${obj.createDate}</td>
            <td><a class="layui-btn layui-btn-normal" href="javascript:findById(${obj.id})">查看详情</a></td></tr>`;
        }
        $("#tableData").html(str);
        //如果是第一页，构建分页插件
        if(pageNO == 1){
            layui.use('laypage', function(){
                var laypage = layui.laypage;
                //执行一个laypage实例
                laypage.render({
                    elem: 'cutPageDiv' //注意，这里的 test1 是 ID，不用加 # 号
                    ,count: pageInfo.total, //数据总数，从服务端得到
                    limit:3,//每页显示记录数
                    jump:function (obj,first) {
                        if(!first){
                            findByItem(obj.curr);
                        }
                    }
                });
            });
        }
    });
    }

//查询商品
function findById(id) {
    $.post("/purchase/findById","orderId="+id,function (order) {
        var str = "";
        $("#name").html(order.supplierName);
        $("#purchaserName").html(order.purchaseName);
        $("#purchaseDate").html(order.createDate);
        for(var i=0; i<order.purchaseInfoList.length ;i++){
            var obj = order.purchaseInfoList[i].goods;
            str += `<tr><td>${obj.name}</td><td>${obj.factory}</td><td>${obj.purchasePrice}</td><td>${obj.salePrice}</td>
            <td>${order.purchaseInfoList[i].num}</td></tr>`;
        }
        $("#purchaseTableDiv").html(str);
    });
    layer.open({
        title:"采购信息详情",//标题
        type:1,//弹出层的类别,1表示页面层
        shadeClose:true,//点击遮罩，关闭对话框
        // skin:'layui-layer-rim',//加上边框
        area:['1180px','600px'],//宽高
        anim:4,
        content:$("#findByCompanyIdDiv")
    });
}

function sure() {
    layer.closeAll();
}